<template>
    <div style="height: 100%;background-color: rgba(5,32,89,0.76)">
        <span>测试页面</span>
    </div>
</template>

<script>
import {ChartView} from "@lowcode/jpaas-screen-front"
export default {
    name: "demo",
    components: {
        ChartView
    },
    props: {},
    data() {
        return {
            config:{
                "key": "qqqewzv129422",
                "title": "常规柱状图qqqewzv129422",
                "showTitle": true,
                "chartType": "generalBar",
                "styles": {
                    "background": "system",
                    "bgImage": 1,
                    "customImage": "",
                    "customColor": "#4285f4",
                    "borderColor": "#4285f4",
                    "borderOpacity": 100,
                    "opacity": 100,
                    "borderRadius": 3,
                    "borderWidth": 2,
                    "backgroundColor": "rgba(66,133,244,0.1)",
                    "colors": [
                        "#4285f4",
                        "#81c784",
                        "#ffb74d",
                        "#ff6464",
                        "#ff8a65",
                        "#eaff00",
                        "#00ffd8",
                        "#13aaf5",
                        "#41d4fb",
                        "#94ecfb"
                    ],
                    "fullScreenShow": false,
                    "legendShow": true,
                    "legendConfig": {
                        "type": "plain",
                        "icon": "roundRect",
                        "orient": "horizontal",
                        "position": "top",
                        "textAlign": "left",
                        "color": "#ffffff"
                    },
                    "barConfig": {
                        "barWidth": "",
                        "widthSuffix": "px",
                        "radius": "",
                        "showData": false,
                        "fontColor": "#ffffff"
                    },
                    "xAxisShow": true,
                    "xAxisConfig": {
                        "fontSize": 12,
                        "fontColor": "#ffffff",
                        "fontStyle": "normal",
                        "formatter": "",
                        "axisColor": "rgba(66,133,244,0.4)",
                        "textAlign": "center",
                        "rotationAngle": 0
                    },
                    "yAxisShow": true,
                    "yAxisConfig": {
                        "fontSize": 12,
                        "fontColor": "#ffffff",
                        "fontStyle": "normal",
                        "rotationAngle": 0,
                        "textAlign": "right",
                        "axisColor": "rgba(66,133,244,0.4)",
                        "yAxisShow": false,
                        "interval": 0,
                        "min": 0,
                        "max": 0,
                        "position": "bottom"
                    },
                    "yAxisShow2": false,
                    "yAxisConfig2": {
                        "fontSize": 12,
                        "fontColor": "#ffffff",
                        "fontStyle": "normal",
                        "rotationAngle": 0,
                        "textAlign": "left",
                        "axisColor": "#ffffff",
                        "yAxisShow": false,
                        "interval": 0,
                        "min": 0,
                        "max": 0,
                        "position": "bottom"
                    },
                    "yGridShow": true,
                    "yGrid": {
                        "borderColor": "rgba(66,133,244,0.4)",
                        "lineStyleType": "solid"
                    },
                    "toolbarConfig": {
                        "restoreBtn": false,
                        "downloadBtn": false,
                        "dataView": false,
                        "dataScaling": false,
                        "switchBtn": false,
                        "fromRight": 50,
                        "suffix": "px"
                    },
                    "gridConfig": {
                        "top": 50,
                        "topSuffix": "px",
                        "bottom": 30,
                        "bottomSuffix": "px",
                        "right": 30,
                        "rightSuffix": "px",
                        "left": 50,
                        "leftSuffix": "px"
                    },
                    "tooltipShow": true,
                    "tooltipConfig": {
                        "raBgColor": "rgba(255,255,255,1)",
                        "borderColor": "#555555",
                        "borderWidth": 1,
                        "padding": "5,5,5,5",
                        "fontSize": 12,
                        "fontColor": "#555555",
                        "fontStyle": "normal"
                    }
                },
                "titleStyle": {
                    "background": "system",
                    "bgImage": 1,
                    "customImage": "",
                    "customColor": "#4285f4",
                    "borderColor": "#4285f4",
                    "borderOpacity": 100,
                    "opacity": 100,
                    "borderRadius": 3,
                    "borderWidth": 2,
                    "fontSize": 16,
                    "titleColor": "#ffffff",
                    "fontWeight": "bold",
                    "textAlign": "left"
                },
                "dataSources": {
                    "source": "dynamic",
                    "staticData": "",
                    "dataModel": "1661985158544232450",
                    "dataModelName": "销售明细",
                    "sourceType": "dataSource",
                    "dimensions": [
                        {
                            "dataType": "string",
                            "fieldLabel": "产品名",
                            "fieldName": "CPM",
                            "icon": "iconField-String",
                            "tableName": "W_SALEDETAIL"
                        }
                    ],
                    "measures": [
                        {
                            "dataType": "number",
                            "fieldLabel": "数量",
                            "fieldName": "SL",
                            "icon": "iconshuzi",
                            "aggregate": "SUM",
                            "tableName": "W_SALEDETAIL"
                        }
                    ],
                    "colorLegends": [],
                    "resultNum": 1000
                },
                "advancedConf": {
                    "linkage": false,
                    "receive": {
                        "type": "",
                        "publishComponent": "",
                        "mapping": []
                    },
                    "publish": {
                        "paramMapping": []
                    },
                    "drillDownConfig": {
                        "isDrillDown": false,
                        "configs": []
                    }
                }
            },
        }
    },
    created() {
    },
    methods: {},
    watch: {},
}
</script>

<style scoped>

</style>
